<ui:composition template="/WEB-INF/templates/layout.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <ui:define name="content">

        <h:form id="frmCliente">
            <p:panel id="panel" header="Nuevo Cliente">
                <p:messages id="msgs"/>

                <h:panelGrid columns="3">

                    <h:outputLabel for="nombre" value="Nombre: *" />
                    <p:inputText id="nombre" value="#{gestorClientes.cliente.nombre}" label="Nombre" required="true" size="30">
                        <f:validateLength minimum="2" />
                    </p:inputText>
                    <p:message for="nombre" id="msgNombre" display="icon"/>

                    <h:outputLabel for="cedula" value="Cedula: *" />
                    <p:inputText id="cedula" value="#{gestorClientes.cliente.cedula}" label="Cedula" required="true" size="30">
                        <f:validateLength minimum="2" />
                    </p:inputText>
                    <p:message for="cedula" id="msgCedula" display="icon"/>

                    <h:outputLabel for="apellido" value="Apellido: *" />
                    <p:inputText id="apellido" value="#{gestorClientes.cliente.apellido}" label="Apellido" required="true" size="30">
                        <f:validateLength minimum="2" />
                    </p:inputText>
                    <p:message for="apellido" id="msgApellido" display="icon"/>

                    <h:outputLabel for="contrasena" value="Contraseña: *" />
                    <p:password id="contrasena" value="#{gestorClientes.cliente.contrasena}" label="Contrasena" required="true" size="30">
                        <f:validateLength minimum="2" />
                    </p:password>
                    <p:message for="contrasena" id="msgContrasena" display="icon"/>

                    <h:outputLabel for="correo" value="Correo: *" />
                    <p:inputText id="correo" value="#{gestorClientes.cliente.correoelectronico}" label="Correo" required="true" size="30" type="email" >
                        <f:validateLength minimum="2" />
                    </p:inputText>
                    <p:message for="correo" id="msgCorreo" display="icon"/>


                    <h:outputLabel for="tipoID" value="Tipo Rol: *" />
                    <p:selectOneMenu id="tipoID" value="#{gestorClientes.cliente.tipo}">
                        <f:selectItems value="#{gestorClientes.tipoRolValues()}" />
                    </p:selectOneMenu>
                    <p:message for="tipoID" display="icon"/>


                    <h:outputLabel for="esta" value="Tipo Estado: *" />
                    <p:selectOneMenu id="esta" value="#{gestorClientes.cliente.estado}">
                        <f:selectItems value="#{gestorClientes.tipoEstadoValues()}" />
                    </p:selectOneMenu>
                    <p:message for="esta" display="icon"/>



                </h:panelGrid>

                <p:commandButton id="btnCrearCliente" value="Crear cliente" update="panel" actionListener="#{gestorClientes.crearCliente}"/>
            </p:panel>
        </h:form>

    </ui:define>
</ui:composition> 





